﻿<%@ Page Title="" Language="C#"  AutoEventWireup="true" CodeBehind="XiaohaoCharContrast.aspx.cs" Inherits="Catering.Catering_Page.JieGouJianKong.XiaohaoCharContrast" %>
<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %>
<%@ Register src="../../UCPanle/DDLTool.ascx" tagname="DDLTool" tagprefix="uc1" %>
<%@ Register src="~/UCPanle/UCSearchTool.ascx" tagname="UCSearchTool" tagprefix="uc2" %>
<%@ Register src="../../UCPanle/UCSearchToolByZW.ascx" tagname="UCSearchToolByZW" tagprefix="uc3" %>
<%@ Register src="../../UCPanle/UCDDLToolWithYearOrMonthOrDay.ascx" tagname="UCDDLToolWithYearOrMonthOrDay" tagprefix="uc4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../../Style/head.css" />
    <link rel="stylesheet" type="text/css" href="../../Style/center.css" />
    <link rel="stylesheet" type="text/css" href="../../Style/zhezhao.css" />
    <script src="../../Style/zhezhao.js" type="text/javascript"></script>
    <script src="../../Style/xxk.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/jquery.min.js"></script>
    <style type="text/css">
        .report_xh_title{font-weight:bold; font-size:16px; color:#0066CC;}
    </style>
    <script type="text/javascript">
        function GetDataGroup(title, xtype, data) {
            var chart;
            var banzuptions = {
                chart: { renderTo: 'container', type: 'column' }, //容器ID
                title: { text: title }, //报表大标题
                //subtitle: { text: '报表小标题' }, //报表小标题
                xAxis: {//x轴
                    type: 'sdf',
                    categories: xtype,
                    gridLineWidth: 0,
                    labels: { align: 'right',
                        rotation: -45,
                        style: {
                            fontSize: '13px',
                            fontFamily: '宋体,Verdana'
                        }
                    }
                },
                yAxis: [{ // left y axis
                    title: {
                        text: null
                    },
                    labels: {
                        formatter: function () {
                            return Highcharts.numberFormat(this.value, 0);
                        }
                    },
                    showFirstLabel: false
                },
                { // right y axis
                    linkedTo: 0,
                    gridLineWidth: 1,
                    opposite: true,
                    title: { text: null },
                    labels: {
                        formatter: function () {
                            return Highcharts.numberFormat(this.value, 0);
                        }
                    },
                    showFirstLabel: true
                }],
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.x + '：</b><br/>' +
                        this.series.name + '：' + this.y;
                    }
                },
                series: []
            };
            for (var i = 2; i < arguments.length; i++) {
                banzuptions.series[i - 2] = arguments[i];
            }
            chart = new Highcharts.Chart(banzuptions);
        }
    </script>
</head>
<body>
    <form id="Form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" ScriptMode="Release" runat="server"></asp:ScriptManager>
    <script type="text/javascript" src="../Tool_Reporter/js/highcharts.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/modules/exporting.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/highslide-full.min.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/highslide.config.js" charset="utf-8"></script>
    <div class="xxk_button1">
        <ul>
            <li id="li2_1" class="li_out" ><a href="Jiegoufenxi.aspx" >累计百分比</a></li>
            <li id="li2_2" ><a href="XiaohaoChar.aspx"  class="li_out">分类统计</a></li>
            <li id="li2_3"><a href="XiaohaoCharContrast.aspx" class="li_out li_over">分类对比</a></li>
            <li id="li2_4" style="display:none;"><a href="EdibleStatisticsPage.aspx"  class="li_out">食用油统计</a></li>
        </ul>
    </div>
    <div class="Center_Content" id="div_search" style="display: block">
        <div class="div_0207 left_width500" style="height:34px; width:998px; background: url(../Images/div_h1_bg.gif)">
            <table align="left" style="height:34px" width="100%" border="0" cellspacing="0" cellpadding="0" class="ckgl_table">
                <thead>
                    <tr>
                        <td>
                            <uc4:UCDDLToolWithYearOrMonthOrDay ID="UCDDLToolWithYearOrMonthOrDay1" 
                                runat="server" />
                        </td>
                        <td align="right"><asp:LinkButton ID="lbtnTyleChar" runat="server" onclick="lbtnTyleChar_Click">开始统计</asp:LinkButton></td>
                        <td width="10"></td>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <div class="Center_Content" id="div2_3" style="display: block">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr><td rowspan="2">
                <uc3:UCSearchToolByZW ID="UCSearchToolByZW1" runat="server" />
                </td></tr>
            <tr><td height="35" style="border:1px solid #C2DEF6; border-top:none; background-color:#E5F1FD;" valign="middle" align="center"><asp:Label ID="lblTypeTitle" runat="server" Text=""></asp:Label></td></tr>
        </table>
        <div id="container" style="width:1000px; height: 400px; margin: 0 auto"></div>
    </div>
</form>
</body>
</html>

